/* Table
 **************************/
@import "../themes/default";
table {
  table-layout: fixed;
  margin-bottom: 0;
  background-color: #fff;
}
.table {
 	.avatar {
 		width: 40px;
 		height: 40px;
 		@include border-radius(50%);
 	}
 	& > thead > tr > th {
    vertical-align: middle;
    background-color: $table-head-border !important;
 	}
  & > thead > tr > td {
    padding: 5px !important;
    .form-control {
      width: 100%;
    }
  }
 	& > tbody > tr > td {
 		vertical-align: middle;
 		&,
    p {
      position: relative;
      margin-bottom: 0;
      overflow: hidden;
      word-break: break-all;
      white-space: nowrap;
      text-overflow: ellipsis;
 			& + & {
 				margin-top: 5px;
 			}
      .sub-info {
        position: absolute;
        right: 0;
        &:focus {
          outline: none;
        }
      }
 		}
 		.tab-btn-group {
 			button, a{
 				margin-left: 5px;
 			}
 		}
 	}
  &.detail-info {
    margin-bottom: 0;
    & > tbody > tr {
      & + tr {
        border-top: 1px dashed $border-color;
      }
      & > td {
        border-top: 0;
        & + td {
          border-left: 1px dashed $border-color;
        }
      }
    }
    .sub-table {
      margin-bottom: 0;
      & > tbody > tr > td {
        text-align: left;
        border-top: 0;
        &.cell-data {
          width: 75%;
        }
      }
    }
  }
  &.dataTable thead .sorting:after, 
  &.dataTable thead .sorting_asc:after, 
  &.dataTable thead .sorting_desc:after {
    opacity: 0;
  }
}
.table .tab-more,
.table .tab-status {
    width: 5%;
}
.table .tab-ckb{
    width: 2%;
}
.table .tab-text-le {
    width: 2.5%;
}
.table .tab-ckb-md,
.table .tab-text-es{
    width:3%;
}
.table .tab-text-ls {
    width: 3.5%;
}
.table .tab-text-xs {
    width: 4%;
}
.table .tab-text-xm,
.table .tab-id {
    width: 4.5%;
}
.table .tab-text-sm {
    width: 5%;
}
.table .tab-text-5dot5 {
    width: 5.5%;
}
.table .tab-text-6 {
    width: 6%;
}
.table .tab-text-7 {
    width: 7%;
}
.table .tab-text-md {
    width: 8%;
}
.table .tab-text-slg {
    width: 10%;
}
.table .tab-text-mlg {
    width: 11%;
}
.table .tab-text-elg {
    width: 13%;
}
.table .tab-text-lg,
.table .tab-operate {
    width: 15%;
}
.table .tab-text-xlg {
    width: 16%;
}
.table .tab-text-xxlg {
    width: 20%;
}
// Table column filter.
.table-column-filter-wrap {
  position: relative;
	margin-right: 10px;
	.popover.bottom {
		margin-top: 5px;
		font-family: inherit;
	}
}
.table-responsive {
  overflow-x: inherit; 
}
// Table column resize.
.rc-handle-container {
  position: relative;
}
.rc-handle {
  position: absolute;
  width: 7px;
  cursor: col-resize;
  margin-left: -3px;
  z-index: 2;
}
table.rc-table-resizing {
  cursor: col-resize;
}
table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {
  cursor: col-resize;
}

.dataTables_wrapper {
  .popover {
    max-width: none;
  }
}